function Lbt(el,options={}){//构造函数
    this.el=document.querySelector(el)
    this.num=1
    this.t=null

    
    this.init()//this指向new出来的对象，也就是lbt1,lbt2

}
//创建原型函数
Lbt.prototype.init=function(){
    this.changeImg()//自动切换图片，this指向new出来的对象，也是lbt1,lbt2
    this.yq()//圆圈同步
    this.yqOverOut()//移入移出
}


Lbt.prototype.changeImg=function(){
// let num=1//创建变量
   //创建定时器，定义this.num
   this.t=setInterval(()=>{//不用箭头函数的话this会指向window，用了箭头函数，会指定父function中的this
    this.num++
//写个判断
if(this.num>=7)this.num=1

 //获取当前盒子中的li
 let imgObj = this.el.querySelector('img')
 imgObj.src=`./imgs/img${this.num}.jpg`//模板字符串拼接
 this.yq()//父function中的this
   },2000)
}
//同步圆圈
Lbt.prototype.yq=function(){
    //获取当前盒子里的li
    let liObjs=this.el.querySelectorAll('ul li')
     liObjs.forEach((item,index) => {
        item.className=""//遍历清除所有class
        liObjs[this.num-1].className='active'
        
    });

    //给当前加className

}
//移入移出
Lbt.prototype.yqOverOut=function(){
    let liObjs=this.el.querySelectorAll('li')//获取当前所有li
//遍历
    liObjs.forEach((item,index)=>{
        
  
    //绑定移入事件，this是事件源，加了箭头就是原型函数
    item.onmouseover=()=>{
        clearInterval(this.t)//清除定时器
        this.el.querySelector('img').src=`./imgs/img${index+1}.jpg`
        //获取所有圆圈
        let liObjs=this.el.querySelectorAll('li')
        liObjs.forEach((item,index)=>{
            item.className=''

        })
        liObjs[index].className='active'
        this.num=index
        

    }
//绑定移出事件，this是事件源，加了箭头就是原型函数
    item.onmouseout=()=>{
        this.changeImg()

    }
}

  )}